<%@include file="inc/pagetop.jsp" %>
<%@include file="inc/topmenu.jsp" %>

            <div class="QueryPanel" id="querypanel" title="Query Panel" lang="en">
                <form:form method="post" action="connectapp.html" class="SearchClass" id="searchClass">
                    <div class="SearchFormPanel" id="searchFormPanel">
                        <table>
                            <tr>
                                <td><form:label path="searchTypeRadioB">Search Type: </form:label></td>
                                <td>
                                    <c:forEach items="${searchTypeRadioBValues}" var="searchTypeRadioBValue">
                                        <form:radiobutton path="searchTypeRadioB" label="${searchTypeRadioBValue}" value="${searchTypeRadioBValue}" />
                                    </c:forEach>
                                </td>
                                <td>&nbsp;</td>
                            </tr>
                            <tr>
                                <td><form:label path="searchTerm1">Search Term 1: </form:label></td>
                                <td><form:input path="searchTerm1" /></td>                                
                                <td><div class="SynonymsPanel" id="synonymsPanel1"><strong>Search Term 1 Synonyms:</strong><div id="synonymsResult1"></div></div></td>
                            </tr>
                            <tr>
                                <td><form:label path="searchOperator">Search Operator: </form:label></td>
                                <td>
                                    <form:select path="searchOperator">
                                        <form:options items="${searchOperatorValues}" />
                                    </form:select>
                                </td>
                                <td><a title="Click to generate synonyms for Search Terms 1 & 2" href="#" onClick="getSynonymsService(); return false;">Generate Synonyms</a></td>
                            </tr>
                            <tr>
                                <td><form:label path="searchTerm2">Search Term 2: </form:label></td>
                                <td><form:input path="searchTerm2" /></td>                                
                                <td><div class="SynonymsPanel" id="synonymsPanel2"><strong>Search Term 2 Synonyms:</strong><div id="synonymsResult2" /></div></td>
                            </tr>                            
                         
                            <tr>
                                <td colspan="3">
                                    <input type="submit" value="Search" onClick="placeSearchInfoBox(); return showSearchInfoBox()" />
                                </td>
                            </tr>
                        </table>
                    </div>
                </form:form>
               
            </div>

            <table class="GraphTable">
                <tr>
                    <td>
                        <!-- display -->
                        <div class="DisplayPanel" id="displayPanel">

                            <div class="DisplayPanelItems">
                                <div class="DisplayPanelItem">
                                    <p class="pTitle">Details</p>
                                    <ul class="ItemInformation">
                                        <li><span id="moredetailslink"></span></li>
                                        <li style = "visibility: hidden;"><strong>ID :</strong><span id="id"></span></li>
                                        <li><strong>Name :</strong><span id="name"></span></li>
                                        <li><strong>Address :</strong><span id="address"></span></li>
                                        <li><strong>Faculty :</strong><span id="faculty"></span></li>
                                        <li><strong>Department :</strong><span id="department"></span></li>
                                        <li><strong>Email :</strong><span id="email"></span></li>
                                        <li><strong>Telephone :</strong><span id="telephone"></span></li>
                                        <li><strong>User is Active :</strong><span id="isActive"></span></li>                                        
                                    </ul>
                                </div>                                
                                <div class="DisplayPanelItem">
                                    <p class="pTitle">Keyword List</p>
                                    <span id="keywordsList"></span>
                                    <ul class="ItemInformation">
                                        <li></li>
                                        <li></li>
                                        <li><li>
                                    </ul>
                                </div>
                                
                                <div class="DisplayPanelItem">
                                    <p class="pTitle">Graph: Removed Nodes</p>
                                    <ul class="ItemInformation">                                                               
                                    <!-- <b><h3>Removed Entities</h3></b> -->
                                    <div id="RemovedNodes">

                                    </div>                                            
                                    </ul>
                                </div>
                                <div class="DisplayPanelItem">
                                    <p class="pTitle">Graph: "My Group" Nodes</p>
                                    <ul class="ItemInformation">
                                    <!--<b><h3>My Group</h3></b>-->
                                    <div id="GroupedNodes">

                                    </div>
                                    </ul>
                                </div>
                            </div>


                        </div>
                    </td>
                    <td>
                        <div>
                            Graph Menu: <a href="javascript:ReLayout();">Apply Layout</a>&nbsp; | &nbsp; <a href="javascript:ReDrawAll();">Redraw all</a> | &nbsp; <a title="View detailed report generated for your search" onclick="openmypage(); return false" href="#">View search report</a>
                        </div>
                        <div id="cytospaceweb" class="Cytospaceweb">
                            Graph...                            

                        </div>
                    </td>
                    
                </tr>
            </table>
<div id="searchInfoBox" class="SearchInfoBox">Searching, please wait ... </div>
<%@include file="inc/footer.jsp" %>
<%@include file="inc/pagebottom.jsp" %>


    </body>
</html>
